import { h } from 'vue';
import { Tag } from '@arco-design/web-vue';
import { BasicColumn } from '@/components/Table';

export const columns: BasicColumn[] = [
  {
    title: '区域名称',
    dataIndex: 'regionName',
  },
  {
    title: '区域编码',
    dataIndex: 'regionCode',
  },
  {
    title: '区域类型',
    dataIndex: 'isProinve',
    render({ record }) {
      return h(
        Tag,
        {
          color: 'blue',
        },
        {
          default: () => (record.isProinve ? '省份' : record.isCity ? '地市' : '区县'),
        },
      );
    },
  },
  {
    title: '是否启用',
    dataIndex: 'isEnable',
    render({ record }) {
      return h(
        Tag,
        {
          color: record.isEnable ? 'green' : 'red',
        },
        {
          default: () => (record.isEnable ? '启用' : '禁用'),
        },
      );
    },
  },
  {
    title: '排序',
    dataIndex: 'regionOrders',
  },
  {
    title: '更新时间',
    dataIndex: 'updateTime',
  },
];
